<script setup lang='ts'>
import { ref, onMounted } from "vue"
import { getAllReply } from "@/api/index"
const allReply = ref<any>();
const props = defineProps({
    url: String
})
onMounted(async () => {
    let res = await getAllReply(props.url)
    allReply.value = res.data.all?.list

})
</script>

<template>
    <ul class="comment" v-if="allReply">
        <li class="comment" v-for="item, index in allReply" :key="index">
            <p><span>{{ item.nickName }}</span>回复<span>{{ item.toNickName }}</span>：{{ item.comment }}</p>
        </li>
    </ul>
</template>

<style lang="less" scoped>
ul {
    padding: 10rem 10rem 3rem;

}

p {
    font-size: 14rem;

    span {
        font-size: 14rem;
    }
}
</style>
